IS THIS BEING USED?!?!?!?!?!?!?! apparently not.

Web Development Template

Basic Set Up Before Use:

1. Set up export.php with correct info
2. Define core_paths.php
3. Define MAIN_BODY_CLASS in core_paths.php
4. Choose plugins in initialize.php

Template Description:

A handy development template built for web developers by myself. Includes many useful plugins and standard options. I've been developing websites for some time and began building a base template to use. Over the years this template has grown and improved to the point where I think it'd be useful to share with the public. I wanted to incorporate any and all possible options right out of the box.

This template includes:

CSS Files:

-- Main Style
-- Responsive (mobile / tablet)
-- IE7, IE8, IE9
-- Devices (iphone, ipad, etc)
-- Browser Specific (Chrome, Firefox, Safari)
-- 4 Optional extra Developer Stylesheets
-- Pie.css
-- Fonts Folder

JS Files

-- jQuery
-- jQuery UI
-- jQuery Validate (for form)
-- Modernizr.js
-- Selectivizr.js (http://selectivizr.com)
-- Actual.js (this helps get height/width of elements that are invisible)
-- Custom Functions
-- Custom Animations

PHP Code

-- Mobile Device detector (for detecting if a user is using mobile phone and/or tablet)
-- Contact Form file (include the file: "layouts/contact_form.php")
-- timthumb.php for automatic thumbnails

Other

-- HTML5 Shiv for IE8 compatibility
-- IE Specific conditional tags in the for version specific targeting
-- Meta viewport
-- Favicon Urls ready in layouts/header_assets.php
-- Nav Constant variables to add "current-menu-item" classes to a main nav tag
-- Export file functionality that zips and flattens the site into straight html in a separate folder (sequentially - export1, export2, export3) for cross server functionality

Available Plugins (Open Source and Custom):

Below is a current list of available plugins for use with this template. Some are custom created by myself so feel free to use any and all at will. I've been using these plugins for so long that I automatically included them in my template.

-- Bootstrap
-- PrettyPhoto
-- Chart.js
-- Flowplayer
-- Scroll to Fixed
-- Scrollbar
-- TableHover
-- TouchSwipe
-- Mousewheel
-- Financial Highlights Table (CUSTOM)

Click the
download link for a quick zip file as well as the details which will bring you to the plugin details page for an explanation on it's use. Plugins can be selectively activated in the "includes/initialize.php" file. You will see them commented out in an array at the bottom. Simply uncomment them for use.

For the list of plugins and and reference urls/coding go to "includes/plugins.php"

I use the plugins class in the plugins.php file with a function the automatically puts the css files in the head and the js files in the footer.

More Instructions & Information in future versions...

Chart:

Details   |   Example   |   Download Zip

Financial Table:

Details   |   Example   |   Download Zip

Flowplayer:

Details   |   Example   |   Download Zip

Lightbox (Custom):

Details   |   Download Zip

Mousewheel:

Details   |   Download Zip

Pretty Photo:

Details   |   Download Zip

Scroll To Fixed:

Details   |   Download Zip

Scrollbar:

Details   |   Download Zip

Slider:

Details   |   Example   |   Download Zip

Storybox:

Details   |   Download Zip

Table Hover:

Details   |   Download Zip

Touchswipe:

Details   |   Download Zip



CLICK ME